.result-page {
  margin: 24px;
  
  .ant-result {
    padding: 48px 32px;
    
    .ant-result-icon {
      margin-bottom: 24px;
    }
    
    .ant-result-title {
      font-size: 24px;
      line-height: 1.8;
      color: rgba(0, 0, 0, 0.85);
    }
    
    .ant-result-subtitle {
      font-size: 14px;
      line-height: 1.6;
      color: rgba(0, 0, 0, 0.45);
    }
    
    .ant-result-extra {
      margin-top: 32px;
      
      .ant-btn {
        min-width: 120px;
        margin: 0 8px;
      }
    }
    
    // 成功状态
    &.ant-result-success {
      .ant-result-icon > .anticon {
        color: #52c41a;
      }
    }
    
    // 错误状态
    &.ant-result-error {
      .ant-result-icon > .anticon {
        color: #ff4d4f;
      }
    }
    
    // 警告状态
    &.ant-result-warning {
      .ant-result-icon > .anticon {
        color: #faad14;
      }
    }
    
    // 信息状态
    &.ant-result-info {
      .ant-result-icon > .anticon {
        color: #1890ff;
      }
    }
  }
}

// 响应式布局
@media screen and (max-width: 576px) {
  .result-page {
    margin: 16px;
    
    .ant-result {
      padding: 32px 16px;
      
      .ant-result-extra {
        .ant-btn {
          width: 100%;
          margin: 8px 0;
        }
      }
    }
  }
}

// 403/404/500页面特殊样式
.ant-result-403,
.ant-result-404,
.ant-result-500 {
  .ant-result-title {
    font-size: 72px;
    font-weight: 600;
    line-height: 1.2;
  }
  
  .ant-result-subtitle {
    margin-top: 16px;
    font-size: 20px;
  }
  
  .ant-result-extra {
    margin-top: 40px;
  }
}